.container {
  height: 100%;
  padding-bottom: 20px;
  overflow-y: scroll;
  .banner-swiper {
    width: 100%;
    height: 450rpx;
    .banner-swiper-item {
      image {
        width: 100%;
        height: 450rpx;
      }
    }
  }

  .class-nav {
    margin-top: 13px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    justify-content: safe;
    flex-wrap: wrap;
    &-item {
      padding: 5px 0;
      width: 25%;
      display: flex;
      flex-direction: column;
      align-items: center;
      &-img {
        width: 160rpx;
        height: 150rpx;
        border-radius: 50%;
      }
      &-txt {
        margin-top: 3px;
      }
    }

    &2 {
      margin-top: 16px;
      margin-left: 10px;
      margin-right: 10px;
      border-radius: 10px;

      &-item {
        background-color: #fff;
        width: 100%;
        margin-top: 14px;
        &-img {
          width: 100%;
        }
        &-txt {
          background-color: #fff;
          padding: 10px 5px;
        }
      }
    }
  }
}
